@charset "utf-8";
/* CSS Document */
body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0 auto; padding:0px;}
body{font-family:"Microsoft Yahei"; font-size:14px; color:#000; text-decoration:none; line-height:180%;}
ul,li{list-style:none;}
.clearfix { clear: both; zoom: 1; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
img{border:0px none;}


.top{background:url(img/top.jpg) no-repeat center top; height:178px;}
.banner{background:url(img/banner.jpg) no-repeat center top; height:477px;}


/*banner*/
.banner { width: 100%; height: 477px; position: relative; }
.banner .bd { width: 100%; height: 477px; }
.banner .bd ul { width: 100% !important;}
.banner .bd li { width: 100% !important; }
.banner .bd li .bg { width: 100%; height: 477px; background-repeat: no-repeat; background-position: center center; }
.banner .bd li.bli01 { }
.banner .bd li.bli01 .bg { background-image: url(img/banner.jpg); }
.banner .bd li.bli02 { }
.banner .bd li.bli02 .bg { background-image: url(img/banner01.jpg); }
.banner .bd li.bli03 { }
.banner .bd li.bli03 .bg { background-image: url(img/banner02.jpg); }
.banner .prev, .banner .next { display: block; width: 60px; height: 110px; position: absolute; top: 50%; margin-top: -60px; background-repeat: no-repeat; background-position: center center; opacity: .6; filter: alpha(opacity=60); -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.banner .prev:hover, .banner .next:hover { opacity: 1; filter: alpha(opacity=100); }
.banner .prev { background-image: url(img/arrow_l.png); left: 30px; background-color:#555; display:block; padding:8px;}
.banner .next { background-image: url(img/arrow_r.png); right: 30px; background-color:#555; padding:8px;}